@import './theme.scss';
//初始化样式 start
body,
div,
a,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:focus {
  outline: none;
}

a {
  color: #000;
  text-decoration: none;
  display: inline-block;
}

a:hover {
  color: #000;
  text-decoration: none
}

em {
  font-style: normal
}

li {
  list-style: none
}

img {
  border: 0;
  vertical-align: middle
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

p {
  word-wrap: break-word
}

html {
  @media (max-width: $screen-sm) {}
  @media (min-width: $screen-sm) and (max-width:$screen-md) {}
  @media (min-width: $screen-md) and (max-width:$screen-lg) {}
  @media (min-width: $screen-lg) {}
  font-size: $font-size;
}

body {
  font: "宋体", "Arial Narrow", HELVETICA, 'Avenir', sans-serif;
  width: 100%;
  min-height: 100vh;
  background: #fff;
  color: $font-color;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

//初始化样式 end
/****************flex布局 start ***********************/

.fx,
.fx-j-b,
.fx-j-s,
.fx-j-a,
.fx-a-s,
.fx-a-c,
.fx-a-e,
.fx-jb-as,
.fx-jb-ac,
.fx-jb-ae,
.fx-js-as,
.fx-js-ac,
.fx-js-ae,
.fx-ja-as,
.fx-ja-ac,
.fx-ja-ae,
.fx-jc-ac,
.fxc {
  display: flex;
}

.fx-j-c,
.fx-jc-ac {
  justify-content: center;
}

.fx-j-b,
.fx-jb-as,
.fx-jb-ac,
.fx-jb-ae {
  justify-content: space-between;
}

.fx-j-s,
.fx-js-as,
.fx-js-ac,
.fx-js-ae {
  justify-content: flex-start;
}

.fx-j-a,
.fx-ja-as,
.fx-ja-ac,
.fx-ja-ae {
  justify-content: space-around;
}

.fx-a-s,
.fx-jb-as,
.fx-js-as,
.fx-ja-as {
  align-items: flex-start;
}

.fx-a-c,
.fx-jb-ac,
.fx-js-ac,
.fx-ja-ac,
.fx-jc-ac {
  align-items: center;
}

.fx-a-e,
.fx-jb-ae,
.fx-js-ae,
.fx-ja-ae {
  align-items: flex-end;
}

.fxc {
  flex-direction: column;
}

.fx-w {
  flex-wrap: wrap;
}

.fx-1 {
  flex: 1;
}

/****************flex布局 end ***********************/

/****************** 原子样式定义 开始 ********************/

.ft12 {
  font-size: $font-size-12;
}

.ft14 {
  font-size: $font-size-14;
}

.ft18 {
  font-size: $font-size-18;
}

.ft20 {
  font-size: $font-size-20;
}

.ft22 {
  font-size: $font-size-22;
}

.ft24 {
  font-size: $font-size-24;
}

.ft26 {
  font-size: $font-size-26;
}

.ft28 {
  font-size: $font-size-28;
}

.ft30 {
  font-size: $font-size-30;
}

.ft32 {
  font-size: $font-size-32;
}

.ft40 {
  font-size: $font-size-40;
}

.ft50 {
  font-size: $font-size-50;
}

.ft60 {
  font-size: $font-size-60;
}

.ft70 {
  font-size: $font-size-70;
}

.mg-10 {
  margin: 10px;
}

.mg-12 {
  margin: 12px;
}

.mg-15 {
  margin: 15px;
}

.mg-20 {
  margin: 20px;
}

.mg-30 {
  margin: 30px;
}

.mg-40 {
  margin: 40px;
}

.mg-50 {
  margin: 50px;
}

.mg-t10 {
  margin-top: 10px;
}

.mg-t12 {
  margin-top: 12px;
}

.mg-t15 {
  margin-top: 15px;
}

.mg-t20 {
  margin-top: 20px;
}

.mg-t30 {
  margin-top: 30px;
}

.mg-t40 {
  margin-top: 40px;
}

.mg-t50 {
  margin-top: 50px;
}

.pd-10 {
  padding: 10px;
}

.pd-12 {
  padding: 12px;
}

.pd-15 {
  padding: 15px;
}

.pd-20 {
  padding: 20px;
}

.pd-30 {
  padding: 30px;
}

.pd-40 {
  padding: 40px;
}

.pd-50 {
  padding: 50px;
}

/****************** 原子样式定义 结束 ********************/

/******************* 特殊样式 集合  开始*************************/

//溢出变点
.word-spot {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/******************* 特殊样式 集合  结束*************************/

//布局样式
.content-fluit {
  width: 100%;
  height: 100%;
}

.content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}